$(function () {

    //隐藏结果展示页面
    $(".show_result").hide()
    //单机启动图片文件上传
    $(".content_btn").click(function () {
        $(".file_input").trigger("click");
    })
    //是图片框加载为上传的图片
    $(".file_input").bind("change", function () {
        //拿到文件
        var img = this.files[0];
        $(".prev_photo").attr({"src": URL.createObjectURL(img)});
    })

    var checkboxVal = ""
    //点击传送数据到后台
    $(".btn").bind("click", function () {

        $(".show_result").load(location.href + " .show_result")

        var form = $(".form")[0];
        var formData = new FormData(form);
        //获取请求参数
        $("input:checkbox:checked").each(function (index, element) {
            checkboxVal += $(element).val() + ",";
        });
        //去掉CheckBoxVal多余的逗号
        checkboxVal = checkboxVal.substr(0, checkboxVal.length - 1);

        $.ajax({
            url: "face?action=faceCheck&type=" + checkboxVal,
            type: "post",
            data: formData,
            dataType: "json",
            processData: false,
            contentType: false,
            success: function (data) {
                console.log(data)
                if (data.result.face_list[0].age != undefined) {
                    $("#age").html(data.result.face_list[0].age)

                } else {
                    $("#age").html("配置未选择").css("color", "red")
                }

                if (data.result.face_list[0].beauty != undefined) {
                    $("#beauty").html(data.result.face_list[0].beauty)
                } else {
                    $("#beauty").html("配置未选择").css("color", "red")
                }


                if (data.result.face_list[0].expression != undefined) {
                    var expression = data.result.face_list[0].expression.type
                    if (expression == "none") {
                        $("#expression").html("无表情")
                    } else if (expression == "smile") {
                        $("#expression").html("微笑")
                    } else {
                        $("#expression").html("微笑")
                    }
                } else {
                    $("#expression").html("配置未选择").css("color", "red")
                }

                if (data.result.face_list[0].face_shape != undefined) {
                    var face_shape = data.result.face_list[0].face_shape.type

                    switch (face_shape) {
                        case "square" :
                            $("#face_shape").html("正方形");
                            break;
                        case "triangle" :
                            $("#face_shape").html("三角形");
                            break;
                        case "oval" :
                            $("#face_shape").html("椭圆");
                            break;
                        case "heart" :
                            $("#face_shape").html("心形");
                            break;
                        case "round" :
                            $("#face_shape").html("圆形");
                            break;
                        default:

                    }
                } else {
                    $("#face_shape").html("配置未选择").css("color", "red")
                }

                if (data.result.face_list[0].glasses != undefined) {
                    var glasss = data.result.face_list[0].glasses.type
                    if (glasss == "none") {
                        $("#glasses").html("无眼镜")
                    } else if (glasss == "common") {
                        $("#glasses").html("普通眼镜")
                    } else {
                        $("#glasses").html("墨镜")

                    }

                } else {
                    $("#glasses").html("配置未选择").css("color", "red")
                }
                $(".show_result").show()
                checkboxVal = ""
                console.log(checkboxVal)
                console.log("成功")

            },
            error: function (data) {
                console.log("失败")
            }
        })
        checkboxVal = ""
    })
})